<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" content="EUX,e瞳网,前端视觉,西安交大e瞳网,视觉体验,前端技术,前端博客,视觉设计,UI开发,用户体验">
    <meta name="description" content="EUX前端视觉研究中心,隶属于西安交通大学e瞳网,旨在发展校园互联网社团技术,做交大最好的UED,培养全面的技术工程师">
    <link rel="shortcut icon" href="/favicon.ico">

    <title><%= title %></title>

    <link href="/dist/lib/css/bootstrap.min.css" rel="stylesheet">
    <link href="/dist/lib/css/swiper.min.css" rel="stylesheet">
    <link href="/dist/css/eux.all.min.css" rel="stylesheet">

    <script src="http://cdn.bootcss.com/zepto/1.0rc1/zepto.min.js"></script>
    <script src="/dist/lib/js/swiper.jquery.min.js"></script>
    <script src="/dist/js/common/navbar.min.js"></script>
</head>

<body>

<div class="cover-black" style="display: none;"></div>

<div class="login-form" style="display: none;">
    <a class="eux-icon eux-icon-close icon-inverse" href="#"></a>
    <form>
        <h2>Hi~EUX成员</h2>
        <div class="form-group">
            <input type="text" class="form-control" name="userid" placeholder="账号" required>
        </div>
        <div class="form-group">
            <input type="password" class="form-control" name="password" placeholder="密码" required>
        </div>
        <span id="login-error-text" style="display: none;;" class="text-danger">这是警示文字</span>
        <div class="checkbox">
            <label>
                <input type="checkbox" checked> 记住我
            </label>
        </div>
        <input class="btn btn-primary" type="submit" value="登录">
    </form>
</div>

<nav class="navbar navbar-inverse navbar-fixed-top ">
    <div>
        <div class="navbar-header">
            <a class="eux-logo" href="/"><img width="250" src="/dist/img/common/logo.png" alt="EUX"></a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">

            <ul class="nav navbar-nav navbar-right">
                <% if (!user) { %>
                    <li><a id="login-btn" href="#"><i class="icon-user eux-icon-user"></i>登录</a></li>
                <% } else { %>
                <li><a href="/user/logout">欢迎你，<%= user.username %></a></li>
                <% } %>
                <li>
                    <a class="eux-elogo" href="http://www.eeyes.net" target="_blank"></a>
                </li>
            </ul>

            <ul class="nav navbar-nav eux-nav">
                <a class="eux-icon eux-icon-close visible-xs" href="#"></a>
                <li class="active"><a href="/">首页</a></li>
                <li><a href="/blog">EUX博客</a></li>
                <!--<li><a href="/course">EUX云课堂</a></li>-->
            </ul>


        </div><!--/.nav-collapse -->
        <a id="eux-collapse-btn" href="#"><i class="icon-align-justify"></i></a>
    </div>
</nav>

<div id="Stats-output">
</div>
<div id="WebGL-output">
</div>


<div class="page-slider">
    <div class="swiper-wrapper">
        <section class="swiper-slide m-page">
            <main class="m-main m-page-2">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <p class="pic"><img width="162" src="dist/img/index_m/m_1.png" alt=""></p>
                            <p class="text">EUX，e瞳网前端视觉体验中心</p>
                            <p class="text">以技术为导向，不断探寻新技术</p>
                        </div>
                        <div class="swiper-slide">
                            <p class="pic"><img width="203" src="dist/img/index_m/m_2.png" alt=""></p>
                            <p class="text">HTML5,CSS3,Javascript, angular, react, node.js, gulp, mongodb</p>
                            <p class="text">紧跟时代潮流，做优秀的前端工程师</p>
                        </div>
                        <div class="swiper-slide">
                            <p class="pic"><img width="186" src="dist/img/index_m/m_3.png" alt=""></p>
                            <p class="text">这是一个看脸的时代</p>
                            <p class="text">追求个性，不断尝试各种设计风格</p>
                            <p class="text">做一个有思想的设计师，你准备好了吗</p>
                        </div>
                        <div class="swiper-slide">
                            <p class="pic"><img width="211" src="dist/img/index_m/m_4.png" alt=""></p>
                            <p class="text">加入EUX，BAT不再是梦想</p>
                            <p class="text">还等什么，快加入我们把~~~</p>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                    <div class="swiper-button-prev"></div>
                    <div class="swiper-button-next"></div>
                </div>
            </main>
        </section>
    </div>
</div>

<script src="dist/lib/js/three.min.js"></script>
<script src="dist/lib/js/stats.min.js"></script>
<script src="dist/js/index/star_3d.min.js"></script>

<script src="/dist/js/index_m/main.min.js"></script>

<% include common/footer.html %>
